@charset "gb2312";
@import "/style/css2015/footerBooking.css";
/* 
  cnlr web
  by:jasonho
  time:2014-08-07
  自适应版本
*/
/* 禁止webkit横屏改变字体大小 */
html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body,ul,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0;padding:0;}
em,i{ font-style:normal;}
ol,ul,li { list-style:none;}
img{ max-width:100%; max-height:100%; vertical-align: middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
.wrapper{ margin:0 auto; background-color:#F8F8F8; padding:0; height:100%; }
.no-bd{border:none;}

* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body{ text-align:left; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; color:#838383; max-width:1080px;margin:0 auto; background-color:#fff; background-repeat:repeat; background-position:50% 0;}
a { color:#838383; text-decoration:none; cursor: pointer;}
a:visited { text-decoration:none; }
a:hover { color:#ba2636; text-decoration:none; }
a:active { color:#ba2636; }
p,dd{ color:#838383; font-size:.24rem; line-height:1.5em;}
hr {margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #dddddd}
.bd{border:#E7E7E7 solid 1px;}
.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}
.clearfix {*zoom:1;}
.text-aL { text-align:left;}
.text-aR { text-align:right;}
.text-aC { text-align:center;}
.left { float:left;}
.right { float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.disNone { display:none;}
.disBlock { display:block;}
.overflowHidden { overflow:hidden;}

section,header,.bannerBox { width: 7.5rem; text-align: center; margin: 0 auto;}
#footer { text-align: center; font-size: .24rem; }
#footer p:first-of-type { margin-bottom: 0em; color: #ccc;}
#footer p a  {color: #ccc;}

/* 清除inline-block 空格 */
.cls{letter-spacing:-0.31em; word-spacing:-0.43em;}
.cls > *{letter-spacing:normal; word-spacing:normal;}
/* 垂直居中 */
.vertical:before{content:""; height:100%; display:inline-block; vertical-align:middle; margin-right:-0.25em;}
.vertical > *{vertical-align: middle;}

.font-16px { font-size:.16rem; line-height:1.25em;}
.font-18px { font-size:.18rem; line-height:1.25em;}
.font-20px { font-size:.20rem;}
.font-28px { font-size:.28rem;}
.font-30px { font-size:.30rem;}
.font-35px { font-size:.35rem;}
.font-40px { font-size:.40rem;}
.font-B { font-weight:bold;}
.font-N { font-weight:normal;}
.font-I { font-style:italic;}
.font-T { text-decoration:line-through;}

.content_m10 { margin:0 .1rem;}
.content_m15 { margin:0 .15rem;} 
.content_m20 { margin:0 .2rem;}
.content_m25 { margin:0 .25rem;}
.content_m30 { margin:0 .3rem;}
.content_m35 { margin:0 .35rem;}
.content_m40 { margin:0 .4rem;}
.content_m50 { margin:0 .5rem;}

.blank9 { clear:both; height:.09rem; overflow:hidden; display:block;}
.blank12 { clear:both; height:.12rem; overflow:hidden; display:block;}
.blank20 { clear:both; height:.20rem; overflow:hidden; display:block;}
.blank30 { clear:both; height:.30rem; overflow:hidden; display:block;}
.blank40 { clear:both; height:.40rem; overflow:hidden; display:block;}
.blank50 { clear:both; height:.50rem; overflow:hidden; display:block;}
.blank60 { clear:both; height:.60rem; overflow:hidden; display:block;}

.picList { width:100%;}
.picList ul { width:100%;}
.picList ul li { float:left;}
.picList li { text-align: center;}
.picList li h5 { font-weight: normal;}
.picList li img { margin-bottom: 5%;}

.NavSearch { padding: .2rem 0;}
.NavSearch .mainNav { width: 15%; font-size: .36rem; color: #00b0b0; }
.NavSearch .topSearch { width: 80%; text-align: left;background-color: #f2f2f2;border-radius: 1em;}
.NavSearch .topSearch input { font-size:.36rem; line-height:1.35em; background-color:#f2f2f2; margin:0; padding:0; float: left;color:#999;}
.NavSearch .topSearch input.search { width: 80%; border-radius: 1em 0 0 1em; padding-left: 5%; color: #999; font-size:.28rem; line-height:1.75em }
.NavSearch .topSearch input.button { width: 20%; color: #fff; border-radius: 1em; background-color: #00b0b0;}

.m-t{ width:100%;left:0;bottom:0;z-index:9999; position: relative;}
.m-t li{ width:40%;float:left;height:50px;line-height:50px;font-size:14px;text-align: center;}
.m-t li a{ display:block;height:50px;padding:0;color:#FFF;}
.m-t .m-t1 a{ padding-top:27px;line-height: 20px;}
.m-t .m-t1{ width:15%;/*background:#414141;*/}
  
.m-t-gb .m-t1{ cursor:pointer; position:relative;}
.m-t-gb .m-t1 a.flei{/*background:url(/swt/img/footerFixedIcon-nav.png) center 4px no-repeat; background-size:28px auto;*/ color: #00b0b0;}
.m-t-gb .m-t1 .m-t-nav{ display:none; position:absolute; /* left:4.65%; */ left:7px; top:35px; /* width:88.37%; */ width:210px; background:#414141; font-size:14px;border-radius: 5px 5px 5px 0;  behavior: url(PIE.htc);opacity:.95; overflow:hidden;}
.m-t-gb .m-t1 .m-t-nav span{ display:block; position:absolute; left:10%; margin-left:-6px; bottom:-12px; width:12px; height:12px; /*background:url(http://m.renai.cn/images/m_b_nav_bg.png) no-repeat;*/ background-size:100% 100%;}

.m-t-gb .m-t1 .m-t-nav ul { width:50%; float:left; background-color:#444446;  padding:5px 0;}
.m-t-gb .m-t1 .m-t-nav ul:nth-of-type(2) { background-color:#5a5a5a;}
.m-t-gb .m-t1 .m-t-nav ul li{ display:block; width:78.95%; border-bottom:1px solid #666666; height:40px; line-height:40px; margin:0 auto; float:none;}
.m-t-gb .m-t1 .m-t-nav ul li a{ color:#e3e3e3; background:none; height:37px; line-height:37px; padding:0px;}
.m-t-gb .m-t1 .m-t-nav ul li:last-child{ border-bottom:0px;}

#QR-code { background-color: #f2f2f2; padding: .01rem 0;}
.keshiList .w50 li { width: 50%; margin: 0; }
.keshiList .w50 li h5 { color: #444;  }
.keshiList .w50 li p { font-size: .24rem; }
.keshiList .w50 li img { width: 64%; }

.keshiList .w33 li { width: 33%; }
.keshiList .w33 li img { width: 35%;}
.keshiList .w33 li h5 { color: #999; }
.keshiList .w33 li .fa-circle { color: #00b0b0;}
.keshiList .w33 li p { font-weight:normal; font-size: .24rem; color: #999;}

.keshiList .w3302 li { width: 33.33%; }
.keshiList .w3302 li img { width: 80%;}
.keshiList .w3302 li h5 { color: #444; }
.keshiList .w3302 li .fa-circle { color: #00b0b0;}
.keshiList .w3302 li p { font-weight:normal; font-size: .24rem; color: #999;}

/*头部*/
header { width:100%;max-width:750px;margin:0 auto;overflow:hidden;height:35vw;max-height:250px; text-align: center;}
.head_cnt{ position:absolute;width:100%;max-width:750px;margin:0 auto;height:16.75vw;max-height:136px;z-index:2000;top:0;left:0;right:0;}
.ser{ margin:23% auto 0 auto;width:92%;position:relative;z-index:2002}
.input-kw{ float:left;margin-top:1%;width:85%;background:#f2f2f2 url(/images/imgV2018/common/ser_btn.png) 99.5% center no-repeat;background-size:auto 96%;text-indent:1em; padding:2% 0; margin-left:12%; border-radius:50px; outline: none;-webkit-appearance: none; font-size:.28rem;}
.sbtn{ position:absolute;left:88%;top:2px;width:3.2vw;height:3.2vw;display:block; cursor:pointer}
.wxSer,.wxSer02 { width: 88%; float: right;}
.wxSer{margin-top: .06rem;}
.wxSer img {height: .71rem;}
.hw{ position:absolute;top:.25rem;left:0;width:7.246%;height:5vw;max-height:53px;background:url(/images/imgV2018/common/hw.png) 0 0 no-repeat;background-size:100%;}
.header0{ position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background:#000000;z-index:2001}

.logo_cnt { border-bottom: 1px solid #e2e2e2; padding-bottom: .2rem; overflow: hidden; }
.logo_cnt .yibao { display: inline-block; background-color: #f2f2f2; font-size: .16rem; color: #999; border-radius: .5em; padding: .5em 1em;}
.dingdian_maquee{ height:1.5em; width:100%; font-size:.2rem; overflow:hidden; margin:0 auto; color:#999;}
.dingdian_maquee li{ height:1.5em; width:100%; font-size:.2rem; line-height:1.5em; text-align:center; }

/*左边弹窗导航*/
.Project{margin:0 auto;min-width:320px;max-width:640px;position:fixed;left:0; top:0; right:0; width:100%; height:100%;z-index:99999; display:none;}
.pro_nr{ width:62.5%; height:100%; position:absolute; background:#f3f1f1; left:-50%; top:0;overflow-y:scroll; }
.pro_nr::-webkit-scrollbar{width:0px}
.pro_nr::scrollbar{width:0px}
.pro_nr dl{ width:100%; padding:5% 0 4% 4%; background:#fff; box-sizing:border-box; margin:0 auto;box-shadow:-17px -2px 25px -13px #CCC inset;-webkit-box-shadow:-17px -2px 25px -13px #CCC inset; font-size:.28rem;}
.pro_nr dl.lz{ background:#f3f1f1}
.pro_nr dl dt{ margin-bottom:4%;}
.pro_nr dl dt a{ color:#202020}
.pro_nr dl dd{ width:50%; float:left; margin-bottom:2%;}
.pro_nr dl dd a{ color:#5b5b5b}

.footfix-V2018 { width: 100%; position: fixed; bottom: 0; left: 0; background-color: #fff; border-top:1px solid #cdcdcd; z-index:9999;}
.footfix-V2018 td { width: 20%; border-right:1px solid #cdcdcd ; text-align: center; padding: .4em 0 .3em; overflow: hidden;}
.footfix-V2018 td:last-of-type { border-right:none; background-color: #00b0b0; width: 40%;  }
.footfix-V2018 td img { width: 24%; margin-bottom: 3px;}
.footfix-V2018 td p { font-size: .24rem; line-height: 1.25em;}
.footfix-V2018 td a { display: block; height: 100%;}
.footfix-V2018 td:last-of-type p { font-size: .24rem; color: #fff;}


@-webkit-keyframes fadeInOut {
    0% {opacity:1;}
    25% {opacity:0;}
    50% {opacity: 0; }
    75% {opacity:1;}
}
.anim_fade_image { position:absolute;top:0; left: 0;
-webkit-animation-name: fadeInOut;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 10s;
-webkit-animation-direction: alternate;
}